{"version":3,"file":"static/chunks/pages/blog/mengajar/[tag]-343c8acf2bfcb1fe.js","mappings":"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","sources":["webpack://_N_E/?d4c7","webpack://_N_E/./src/components/mengajar/mengajar-navigation/mengajar-navigation.styles.tsx","webpack://_N_E/./src/components/icons/home.tsx","webpack://_N_E/./src/components/mengajar/mengajar-navigation/mengajar-navigation.tsx","webpack://_N_E/./src/pages/blog/mengajar/[tag]/index.tsx","webpack://_N_E/./src/styles/pages/mengajar/mengajar-slug.styles.tsx","webpack://_N_E/<anon>"],"sourcesContent":["\n    (window.__NEXT_P = window.__NEXT_P || []).push([\n      \"/blog/mengajar/[tag]\",\n      function () {\n        return require(\"private-next-pages/blog/mengajar/[tag]/index.tsx\");\n      }\n    ]);\n    if(module.hot) {\n      module.hot.dispose(function () {\n        window.__NEXT_P.push([\"/blog/mengajar/[tag]\"])\n      });\n    }\n  ","import styled from \"styled-components\";\nimport { breakpoints } from \"styles\";\nimport { Container } from \"styles/common/container\";\n\nexport const MengajarNavigationWrapper = styled.nav`\n  background-color: ${({ theme }) => theme.colors.neutral[50]};\n  padding: 8px 0;\n  overflow-x: scroll;\n\n  @media ${breakpoints.laptop} {\n    overflow-x: initial;\n  }\n`;\n\nexport const MengajarNavigationMenu = styled.ul`\n  list-style: none;\n  padding: 0;\n  margin: 0;\n  display: flex;\n  align-items: center;\n`;\n\nexport const MengajarNavigationMenuItem = styled.li`\n  font-family: ${({ theme }) => theme.fonts.primary};\n  font-size: ${({ theme }) => theme.fontSizes.xs};\n  color: ${({ theme }) => theme.colors.black};\n  cursor: pointer;\n  margin-right: 16px;\n\n  &:hover,\n  &:active,\n  &:focus {\n    color: ${({ theme }) => theme.colors.brand[500]};\n  }\n\n  @media ${breakpoints.laptop} {\n    margin-right: 24px;\n    font-size: ${({ theme }) => theme.fontSizes.sm};\n  }\n`;\n\nexport const MengajarNavigationMenuLink = styled.a`\n  display: block;\n  text-decoration: none;\n  color: inherit;\n  padding: 14px 0;\n  transition: all 0.3s ease;\n  position: relative;\n  cursor: pointer;\n  white-space: nowrap;\n`;\n\nexport const MengajarNavigationContainer = styled(Container)`\n  display: flex;\n\n  @media ${breakpoints.mobile} {\n    padding: 0 12px;\n  }\n\n  @media ${breakpoints.tablet} {\n    justify-content: space-between;\n  }\n`;\n","import React from \"react\";\nimport { IIcon } from \"./icons.types\";\n\nconst Home: React.FC<IIcon> = ({\n  width = 24,\n  height = 24,\n  color = \"currentColor\"\n}) => {\n  return (\n    <svg\n      width={width}\n      height={height}\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      xmlns=\"http://www.w3.org/2000/svg\">\n      <path\n        fillRule=\"evenodd\"\n        clipRule=\"evenodd\"\n        d=\"M23 12.3508V12.1889C22.9453 11.7003 22.7461 11.2832 22.4023 10.9377C21.5661 10.0976 20.7291 9.26069 19.8912 8.42682C19.8742 8.4099 19.8646 8.38686 19.8646 8.36266C19.8677 6.64236 19.8677 4.93492 19.8646 3.24033C19.864 2.96833 19.7897 2.73226 19.6416 2.53211C19.3852 2.18576 19.0264 2.0095 18.5652 2.00335C18.1389 1.99776 17.787 1.99916 17.5095 2.00755C17.1815 2.01761 16.8961 2.13432 16.6535 2.35767C16.4046 2.5869 16.2778 2.88238 16.2732 3.2441C16.2672 3.72408 16.2668 4.22753 16.272 4.75447C16.2722 4.78494 16.2614 4.78941 16.2393 4.76789C15.7317 4.26835 15.2232 3.76307 14.7139 3.25207C14.4724 3.00999 14.2705 2.82828 14.108 2.70696C13.3939 2.17443 12.4795 1.91488 11.5879 2.03061C10.793 2.13348 10.1313 2.44741 9.60277 2.97239C6.89488 5.66159 4.22294 8.31682 1.58695 10.9381C1.25065 11.2724 1.055 11.6852 1 12.1763V12.3231C1.03581 12.9221 1.29749 13.3876 1.78504 13.7194C2.07293 13.9151 2.40837 14.0153 2.79137 14.02C3.20473 14.0248 3.64473 14.0255 4.11137 14.0221C4.11581 14.0221 4.12007 14.0239 4.12322 14.0269C4.12636 14.03 4.12813 14.0342 4.12813 14.0385C4.12727 16.0341 4.12755 18.0253 4.12898 20.012C4.12898 20.2796 4.17911 20.538 4.27938 20.7873C4.5127 21.3673 5.04078 21.8008 5.66082 21.9405C5.83871 21.9804 6.11629 22.0003 6.49355 22C10.2118 21.998 13.9933 21.9969 17.8382 21.9966C18.2492 21.9964 18.6139 21.8977 18.9321 21.7006C19.3932 21.4155 19.7138 20.9689 19.822 20.4477C19.8535 20.2951 19.8692 20.0737 19.8689 19.7835C19.8666 17.8432 19.8656 15.9295 19.8659 14.0423C19.8659 14.0286 19.8729 14.0219 19.8869 14.0221C20.3074 14.0258 20.7334 14.0255 21.1648 14.0213C21.7704 14.0157 22.2521 13.7989 22.6098 13.3709C22.8476 13.0864 22.9777 12.7463 23 12.3508ZM12 18C13.6569 18 15 16.6569 15 15C15 13.3431 13.6569 12 12 12C10.3431 12 9 13.3431 9 15C9 16.6569 10.3431 18 12 18Z\"\n        fill={color}\n      />\n    </svg>\n  );\n};\n\nexport default Home;\n","import React from \"react\";\nimport {\n  MengajarNavigationWrapper,\n  MengajarNavigationContainer,\n  MengajarNavigationMenu,\n  MengajarNavigationMenuItem,\n  MengajarNavigationMenuLink\n} from \"./mengajar-navigation.styles\";\nimport { IMengajarNavigation } from \"./mengajar-navigation.types\";\nimport Home from \"components/icons/home\";\n\nconst MengajarNavigation: React.FC<IMengajarNavigation> = ({ navigation }) => {\n  return (\n    <>\n      {navigation && navigation.primary && (\n        <MengajarNavigationWrapper>\n          <MengajarNavigationContainer>\n            <MengajarNavigationMenu>\n              <MengajarNavigationMenuItem>\n                <MengajarNavigationMenuLink href={`/blog/mengajar`}>\n                  <Home height={20} width={20} />\n                </MengajarNavigationMenuLink>\n              </MengajarNavigationMenuItem>\n              {navigation.primary.map((item, idx) => (\n                <MengajarNavigationMenuItem key={`${item.label}-${idx}`}>\n                  <MengajarNavigationMenuLink\n                    href={`/blog/mengajar${item.url}`}>\n                    {item.label}\n                  </MengajarNavigationMenuLink>\n                </MengajarNavigationMenuItem>\n              ))}\n            </MengajarNavigationMenu>\n            {navigation.secondary && (\n              <MengajarNavigationMenu>\n                {navigation.secondary.map((item, idx) => (\n                  <MengajarNavigationMenuItem key={`${item.label}-${idx}`}>\n                    <MengajarNavigationMenuLink\n                      href={`/blog/mengajar${item.url}`}>\n                      {item.label}\n                    </MengajarNavigationMenuLink>\n                  </MengajarNavigationMenuItem>\n                ))}\n              </MengajarNavigationMenu>\n            )}\n          </MengajarNavigationContainer>\n        </MengajarNavigationWrapper>\n      )}\n    </>\n  );\n};\n\nexport { MengajarNavigation };\n","import { PostOrPage } from \"@tryghost/content-api\";\nimport { MengajarNavigation } from \"components/mengajar/mengajar-navigation/mengajar-navigation\";\nimport parseHtml, { DOMNode, Element } from \"html-react-parser\";\nimport get from \"lodash/get\";\nimport { GetStaticPaths, GetStaticProps } from \"next\";\nimport Head from \"next/head\";\nimport Image from \"next/legacy/image\";\nimport React from \"react\";\nimport ReactPlayer from \"react-player/lazy\";\nimport * as Sentry from \"@sentry/nextjs\";\nimport {\n  getAllPages,\n  getNavigation,\n  getPage\n} from \"services/ghostCMS/contentAPI\";\nimport { GhostNavigation } from \"services/ghostCMS/ghostTypes\";\nimport { Container } from \"styles/common/container\";\nimport {\n  ArticleContent,\n  ArticleVideo,\n  PageFeatureImageContainer,\n  PageHeaderTitle\n} from \"styles/pages/mengajar/mengajar-slug.styles\";\nimport { getQueryValue } from \"utils/utils\";\n\nconst MengajarPage: React.FC<{\n  page: PostOrPage;\n  navigation: GhostNavigation;\n}> = ({ page, navigation }) => {\n  // Replaces DOM nodes with React components\n  function replace(node: DOMNode) {\n    const content = get(node, `children.0.data`, ``);\n    const domNode = node as Element;\n\n    if (\n      domNode.type === \"tag\" &&\n      domNode.attribs.class &&\n      (domNode.attribs.class.includes(\"kg-video-overlay\") ||\n        domNode.attribs.class.includes(\"kg-video-player-container\"))\n    ) {\n      return <></>;\n    }\n    if (domNode.type === \"tag\" && domNode.name === `video`) {\n      return (\n        <ArticleVideo>\n          <ReactPlayer\n            pip={false}\n            playsinline={true}\n            url={domNode.attribs.src}\n            controls\n            width=\"100%\"\n            height=\"100%\"\n            style={{ position: \"absolute\", top: 0, left: 0 }}\n          />\n        </ArticleVideo>\n      );\n    }\n    return content;\n  }\n\n  const parseOptions = { replace };\n  const pageToRender = page && page.html && parseHtml(page.html, parseOptions);\n\n  return (\n    <>\n      <Head>\n        {page.meta_title && <title>{page.meta_title}</title>}\n        {page.meta_title && <meta name=\"title\" content={page.meta_title} />}\n        {page.meta_description && (\n          <meta name=\"description\" content={page.meta_description} />\n        )}\n      </Head>\n      <MengajarNavigation navigation={navigation} />\n      <article>\n        <PageFeatureImageContainer>\n          {page.feature_image && (\n            <Image\n              alt={page.title || \"hero image\"}\n              src={page.feature_image}\n              layout=\"fill\"\n              objectFit=\"cover\"\n            />\n          )}\n          <PageHeaderTitle>{page.title}</PageHeaderTitle>\n        </PageFeatureImageContainer>\n\n        <Container>\n          <ArticleContent>{pageToRender}</ArticleContent>\n        </Container>\n      </article>\n    </>\n  );\n};\n\nexport default MengajarPage;\n\nexport const getStaticPaths: GetStaticPaths = async () => {\n  const pages = await getAllPages({\n    limit: \"all\",\n    fields: [\"id\", \"slug\"]\n  });\n  const totalPages = pages[\"meta\"].pagination.total;\n  const paths = [];\n\n  for (let index = 0; index <= totalPages; index++) {\n    if (pages[index]) {\n      paths.push({\n        params: {\n          tag: pages[index].slug\n        }\n      });\n    }\n  }\n\n  return {\n    paths: paths,\n    fallback: false\n  };\n};\n\nexport const getStaticProps: GetStaticProps = async (context) => {\n  const { params } = context;\n  const pageSlug: string | null = getQueryValue(params?.tag);\n  if (!pageSlug) {\n    return {\n      notFound: true\n    };\n  }\n  try {\n    const page = await getPage(pageSlug);\n    const navigation = await getNavigation();\n\n    return { props: { page, navigation } };\n  } catch (error) {\n    Sentry.captureException(error);\n    return {\n      notFound: true\n    };\n  }\n};\n","import styled from \"styled-components\";\nimport { breakpoints } from \"styles/constants/breakpoints\";\nimport { sizes } from \"styles/constants/sizes\";\n\nexport const ArticleFeatureImageContainer = styled.figure`\n  margin: 0;\n  position: relative;\n  width: 100%;\n  min-height: 320px;\n  overflow: hidden;\n\n  @media ${breakpoints.tablet} {\n    min-height: 450px;\n  }\n`;\n\nexport const PageFeatureImageContainer = styled(ArticleFeatureImageContainer)`\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  background-color: ${({ theme }) => theme.colors.brand[500]};\n`;\n\nexport const ArticleHeaderContainer = styled.header`\n  padding: 16px 0;\n  margin: 32px 0;\n  text-align: center;\n  @media ${breakpoints.tablet} {\n    margin: 32px;\n    padding: 16px;\n  }\n`;\n\nexport const ArticleHeaderTitle = styled.h1`\n  font-weight: bold;\n  font-family: ${({ theme }) => theme.fonts.primary};\n  font-size: ${({ theme }) => theme.fontSizes[\"3xl\"]};\n  line-height: 1.5;\n  margin: 0 0 20px 0;\n\n  @media ${breakpoints.tablet} {\n    font-size: ${({ theme }) => theme.fontSizes[\"4xl\"]};\n  }\n`;\n\nexport const PageHeaderTitle = styled(ArticleHeaderTitle)`\n  color: ${({ theme }) => theme.colors.white};\n  position: relative;\n  z-index: 1;\n`;\n\nexport const ArticleHeaderPublishedAt = styled.time`\n  font-family: ${({ theme }) => theme.fonts.secondary};\n  font-size: ${({ theme }) => theme.fontSizes[\"lg\"]};\n`;\n\nexport const ArticleContent = styled.section`\n  max-width: ${sizes.mengajar.articleWidth};\n  margin: 0 auto;\n  padding: 0 0 100px 0;\n\n  p {\n    font-family: ${({ theme }) => theme.fonts.secondary};\n    font-size: ${({ theme }) => theme.fontSizes[\"xl\"]};\n    letter-spacing: 0.3px;\n    line-height: 1.5;\n    margin: 0 0 30px 0;\n  }\n  a {\n    color: ${({ theme }) => theme.colors.brand[500]};\n  }\n  h3 {\n    font-family: ${({ theme }) => theme.fonts.primary};\n    font-size: ${({ theme }) => theme.fontSizes[\"2xl\"]};\n    margin: 40px 0;\n  }\n\n  blockquote {\n    margin: 48px;\n    position: relative;\n    padding: 0 0 0 48px;\n    font-family: ${({ theme }) => theme.fonts.secondary};\n    font-size: ${({ theme }) => theme.fontSizes[\"2xl\"]};\n    font-style: italic;\n\n    &:before {\n      content: \"“\";\n      font-size: ${({ theme }) => theme.fontSizes[\"5xl\"]};\n      left: 0;\n      line-height: 1;\n      position: absolute;\n      top: 0;\n    }\n  }\n  ul,\n  ol {\n    font-size: ${({ theme }) => theme.fontSizes[\"xl\"]};\n    line-height: 1.5;\n    margin: 0 0 30px 0;\n    padding-left: 40px;\n  }\n\n  ul li {\n    margin: 0 0 16px 0;\n  }\n\n  figure {\n    margin: 0;\n  }\n\n  figcaption {\n    margin: 16px 0 30px 0;\n    text-align: center;\n  }\n\n  figure.kg-image-card {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n  }\n\n  figure.kg-image-card figcaption {\n    font-size: ${({ theme }) => theme.fontSizes[\"md\"]};\n    color: ${({ theme }) => theme.colors.neutral[600]};\n  }\n\n  .kg-callout-card {\n    margin: 0 0 30px 0;\n    display: flex;\n    gap: 24px;\n    border-radius: 3px;\n    padding: 20px;\n    background: ${({ theme }) => theme.colors.brand[100]};\n    font-size: ${({ theme }) => theme.fontSizes[\"xl\"]};\n    color: ${({ theme }) => theme.colors.neutral[800]};\n  }\n\n  .kg-callout-card a {\n    color: ${({ theme }) => theme.colors.neutral[800]};\n  }\n\n  .kg-gallery-row {\n    display: flex;\n    flex-direction: column;\n    gap: 16px;\n    margin: 16px 0;\n    @media ${breakpoints.tablet} {\n      flex-direction: row;\n    }\n  }\n\n  .kg-gallery-image img,\n  .kg-image-card img {\n    display: block;\n    height: 100%;\n    margin: 0;\n    object-fit: cover;\n    width: 100%;\n  }\n\n  .kg-image-card {\n    margin: 16px 0;\n  }\n\n  hr {\n    margin: 50px 0;\n    border: 0;\n    border-top: 1px solid ${({ theme }) => theme.colors.neutral[100]};\n    position: relative;\n    height: 0;\n    overflow: visible;\n  }\n\n  .kg-btn {\n    padding: 16px 20px;\n    background-color: ${({ theme }) => theme.colors.brand[500]};\n    color: ${({ theme }) => theme.colors.white};\n    border-radius: 5px;\n    text-decoration: none;\n    font-weight: bold;\n    font-size: ${({ theme }) => theme.fontSizes[\"md\"]};\n    display: inline-block;\n    margin: 0 0 30px 0;\n  }\n`;\n\nexport const ArticleVideo = styled.div`\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  position: relative;\n  aspect-ratio: 16 / 9;\n  cursor: pointer;\n`;\n"],"names":["window","__NEXT_P","push","__webpack_require__","MengajarNavigationWrapper","styled","nav","withConfig","theme","param","colors","neutral","breakpoints","laptop","MengajarNavigationMenu","ul","MengajarNavigationMenuItem","li","fonts","primary","fontSizes","xs","black","brand","sm","MengajarNavigationMenuLink","a","MengajarNavigationContainer","Container","mobile","tablet","home","width","height","color","jsx_runtime","jsx","svg","viewBox","fill","xmlns","path","fillRule","clipRule","d","MengajarNavigation","navigation","Fragment","jsxs","href","Home","map","item","idx","concat","url","label","secondary","__webpack_exports__","page","pageToRender","html","parseHtml","replace","node","content","get","domNode","type","attribs","class","includes","react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__","name","ArticleVideo","ReactPlayer","pip","playsinline","src","controls","style","position","top","left","Head","meta_title","title","meta","meta_description","article","PageFeatureImageContainer","feature_image","Image","alt","layout","objectFit","PageHeaderTitle","ArticleContent","ArticleFeatureImageContainer","figure","ArticleHeaderContainer","header","ArticleHeaderTitle","h1","white","ArticleHeaderPublishedAt","time","section","sizes","mengajar","articleWidth","div"],"sourceRoot":""}